$(()=>{
    let $sideBar = $('.sidebar-menu');    // 边栏ul
    let $bars = $('.sidebar-menu').find('li:not(.treeview)');   // 所有的菜单
	// 当我们的菜单被点击时, 会进入以下函数
    $bars.click(function () {
        $this = $(this);	// this代表 当前的菜单
        $bars.removeClass('active');	// 移出所有的active
        $this.addClass('active');	// 给当前菜单添加active
        if($this.parent()[0] === $sideBar[0]){
            // 如果当前菜单是父菜单, 则展开其内容, 以下为固定写法
            $sideBar.children('li.treeview.menu-open').children('ul').slideUp();
            $sideBar.children('li.treeview.menu-open').removeClass('menu-open')
        }
        console.log("我是一级目录")
        $('#content').load(	// 渲染id为content的html部分
            $this.children('a:first').data('url'),	// 通过路由的方式渲染页面
            (response, status, xhr)=>{
                if(status !== 'success'){
                    message.showError('服务器超时，请重试！')
                }
            }
        );
    });
	// 执行第一个菜单"工作台", 让其被选中
    $bars[0].click();

});
